<style type="text/css" media="all">
	.friendsList{
		padding:15px 10px;
	}
	.typeName{
		font-weight: 600;
	}
	.triangle{
		float: right;
		margin-right: 10px;
		position: relative;
		top:2px;
		color:#2D57FF;
	}
	.userImg{
		display: table-cell;
	}
	.userInfo{
		line-height: 25px;
		width:100%;
		position: relative;	
		display: table-cell;
		vertical-align:middle;
	}
	.userImg img{
		width:50px;
		height:50px;
	}
	.genderMale{
   	    color:#ABC9FA;
    }
   .genderFemale{
   	    color:#FF99CC;
    }
    .userName{
    	font-weight: 600;
    	color:#005555;
    }
    .userTip{
    	text-indent: 5px;
    	/*position: absolute;
    	top:0;
    	left:10px;*/
    }
    .userIntro{
    	text-indent: 8px;
    	/*position:absolute;
    	bottom:0;
    	left:10px;*/
    	width:100%;
    }

</style>

<script id="fansListTemplate" type="text/x-jquery-tmpl">
	
<div class="friendsList" data-name="<%=name%>" data-id="<%=userid%>">
		<div class="userImg">
			<img src=<%=portrait%> alt="" class="" onerror="javascript:this.src='../base/img/widget_dface.ing';">
		</div>
		<div class="userInfo">
			<div class="userTip h5">
			 <%
			   var genderClass = "icon-male genderMale";
			   if(gender === 2){
                   genderClass = "icon-female genderFemale";
			   }%>
		    <span class="<%=genderClass%>"></span>
			<span class="userName"><%=name%></span>
		    </div>
		    <%
               if(expertise != "<无>"){
                   expertise = expertise.substring(1,expertise.length);
               }
		    %>
			<div class="userIntro h6"><%=expertise%></div>		
		</div>
</div>


</script>

<!-- header -->
<header class="bar-title">
	<div class="left-banner">
		<span class="backBtn icon-reply imgsize"></span>
	</div>
	<h1 class="title">我的好友</h1>
</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->
<div id="dataStorage" style="display"></div>
<nav class="nav-menu bar-standard bar-header-secondary">
<ul id="io" class="segmented-controller">
	<li> <!-- 由js添加data-value -->
		<a href="#">关注(<span id="attentionNum"></span>)</a>
	</li>
	<li class="active">
		<a href="#">粉丝(<span id="fansNum"></span>)</a>
	</li>
</ul>
</nav>

<div class="content">
	

<list id="user-fans-list" 
    autoLoad="false"
    isPullDownRefresh="true"  
    jsonRoot="userList"
    bundle="fs"
    paging="true"
    iScroll="true"
    _itemTemplate="fansListTemplate"></list>

</div>

